.emojiList {
    flex-grow: 1;
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-radius);
    font-size: 18px;
    font-size: 14px;
    &.error {
      border-color: var(--error-color);
    }
    > nav {
      display: flex;
      flex-wrap: nowrap;
      overflow: auto;
      padding: 0 4px;
      &::-webkit-scrollbar {
        display: none;
      }
      > span {
        flex-shrink: 0;
        display: inline-block;
        padding: 8px;
        color: var(--emoji-nav-text);
        &.selected {
          color: var(--emoji-nav-text-selected);
        }
      }
    }
    > ol {
      display: flex;
      align-content: flex-start;
      flex-wrap: wrap;
      font-size: 22px;
      line-height: 32px;
      height: calc(32px * 12);
      overflow: auto;
      padding: 1px 4px;
      &::-webkit-scrollbar {
        display: none;
      }
      > li {
        flex-shrink: 0;
        flex-grow: 0;
        width: 10%;
        text-align: center;
        margin: 1px 0;
        border: 1px solid transparent;
        &.selectedEmoji{
        border: 1px solid var(--Button-bg);
        border-radius: var(--input-radius);
      }
      }
    }
  }